<!DOCTYPE html>
<html lang="en">
<head>
<title>常见问题</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="/staticFile/images/userIndex/favicon.ico" />
<link type="text/css" rel="stylesheet" href="/staticFile/css/userIndex/common.css">
<style type="text/css">
.middle-main{width:958px;margin:0 auto 0 auto;border:1px solid #d7ab75;background-color:white;}
.middle-main ul{margin:15px 40px 0 40px}.middle-main .first-question{margin-top:30px;}
.question{background:url(../staticFile/images/userIndex/menu-row-tail.gif) center top repeat-x;line-height:38px;color:white;font-size:18px;font-weight:bolder;cursor:pointer;}
.answer{line-height:30px;font-size:16px;border:1px solid #d7ab75;padding-left:15px;padding-right:15px;display:none;}
</style>
<script type="text/javascript" src="/staticFile/js/plugins/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="/staticFile/js/common/constant.js"></script>
<script type="text/javascript">
$(function(){
    $('.question').click(function(){
        let middleMainDivHeight = $('#middleMain').height();
        $('#middleMain').css('min-height',middleMainDivHeight + 'px');
        let nextLi = $(this).next();//获取下一个兄弟元素
        //如果nextLi节点隐藏了，则显示，否则就隐藏
        if (nextLi.is(':hidden')){
            nextLi.show();
        }else {
            nextLi.hide();
        }
        let footerHeight = $('#footer').height(), windowHeight = $(window).height(), headerHeight = $('#pageHeader').height(), middleMainHeight = 0, i = 0;
        $('#middleMain ul li').each(function(index,element){
            if (!$(this).is(':hidden')) {
                middleMainHeight += $(this).height();
                if ($(this).attr('class') != 'answer') {
                    i ++;
                }
            }
        });
        //first-question margin-top + 其它的li的margin-top
        middleMainHeight += 30 + (i - 1) * 15;
        let h = windowHeight - headerHeight - footerHeight - middleMainHeight;
        if (h > 20) {
            $('#footer').css({'bottom':'0','position':'fixed'});
        }else {
            $('#footer').css('position','');
            $('#middleMain').css('height','');
        }
    });
});
</script>
</head>
<body>
<!--header-->
<header id="pageHeader">
    <div class="row-top">
        <div class="main">
            <div class="wrapper top-logo">
                <a href="/">LGL</a>
            </div>
            <a style="display: none;" id="IamLogout" href="javascript:void()">退出</a>
        </div>
    </div>
    <div class="menu-row">
        <div class="menu-bg">
            <div class="main">
                <nav class="indent-left">
                    <ul class="menu wrapper">
                        <li><a href="/">热门服务</a></li>
                        <li><a href="issueService.html">发布服务</a></li>
                        <li id="Myself">
                            <a href="userRegister.html" class="user-register">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册</a>
                            <a href="userLogin.html" class="user-login">登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                        </li>
                        <li><a href="joinUs.html">JOIN US</a></li>
                        <li class="active"><a href="javascript:void(0)">常见问题</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>

<!-- 页面主体部分 -->
<div id="middleMain" class="middle-main">
    <ul>
        <li class="question first-question">&nbsp;&nbsp;&nbsp;&nbsp;1、在这里我能做什么呀？</li>
        <li class="answer">&nbsp;&nbsp;&nbsp;&nbsp;
            亲爱的，您可以在这里发布您所需要的服务，来提高自己的生活品质和满足自己的需求；
            您也可以在业余时间利用自己的特长接私活（抢别人发布的服务订单），赚取零花钱，增加收入，为家里减轻经济负担。
        </li>
    </ul>
    <ul>
        <li class="question">&nbsp;&nbsp;&nbsp;&nbsp;2、我在这里能发布什么服务呢？</li>
        <li class="answer">&nbsp;&nbsp;&nbsp;&nbsp;
            亲爱的，您可以发布任何您需要的不违反相关政策的服务，比如发布服务请家教、请临时清洁工、请临时搬运工、代收快递等服务。
        </li>
    </ul>
    <ul>
        <li class="question">&nbsp;&nbsp;&nbsp;&nbsp;3、我能使用哪些支付方式？</li>
        <li class="answer">&nbsp;&nbsp;&nbsp;&nbsp;
            亲爱的，目前您只能使用线下支付，线上银联、支付宝、微信支付方式，程序员小哥们正在努力开发当中噢。
        </li>
    </ul>
    <ul style="margin-bottom: 20px;">
        <li class="question">&nbsp;&nbsp;&nbsp;&nbsp;4、我发布服务后，还能取消服务订单吗？</li>
        <li class="answer">&nbsp;&nbsp;&nbsp;&nbsp;
            亲爱的，如果订单还没有被抢的话，是可以取消的，如果已经被抢，那么就不能取消了。
        </li>
    </ul>
</div>

<!-- 页面尾部 -->
<div id="footer" class="footer">
    <div class="footer_info">
        <div class="footer-care-us" style="margin-left: 0px;">
            <strong>关注微信</strong><br/>
            <!--微信扫一扫<br />-->
            <img src="/staticFile/images/userIndex/weChat.png"/>
        </div>
        <div class="footer-about-us">
            <strong>关于九九</strong><br/>
            <a href="aboutUs.html">关于我们</a><br/>
            <a href="serviceAim.html">服务宗旨</a><br/>
            <a href="feedback.html">意见反馈</a>
        </div>
        <div class="footer-contact-us">
            <strong>联系我们</strong><br/>
        <span>
            客服电话：186-7078-7994<br />
            服务邮箱：ijobvip@163.com<br />
            公司地址：北京丰台区草桥东路
        </span>
        </div>
        <div class="footer-record" style="float: right;">
            京ICP备25697805号-4  京ICP证182661号  Copyright © 2015-2016
        </div>
    </div>
</div>
<script type="text/javascript" src="/staticFile/js/common/commonPage.js"></script>
<script type="text/javascript" src="/staticFile/js/common/commonHeaderPage.js"></script>
</body>
</html>